﻿<!doctype html>
<html>
<head>
@model MvcApplication1.Models.FindReportsModel

<meta charset="utf-8">
<title>Find Reports</title>
<link rel="stylesheet" type="text/css" href="~/CSS/main.css">
<script src="~/Scripts/javascript.js"></script>
</head>
<body>
	<div id="main">
    	<div id="darkbar">
        	<p id="company">IntelliFleet</p>
            <img id="truckicon" src="~/Images/truckiconsmall.png">
            <p id="email">@ViewBag.Username</p>
            <span id ="triangle" onClick="toggleUserBox(0)"></span>
            <img id="trianglerotated" src="~/Images/trianglerotated.png" onClick="toggleUserBox(1)">
            <div id="userbox">
            	<a id="userlink1" href="~/Home/Settings"><p>Settings</p></a>
                <a id="userlink2" href="~/Home/AccountInformation"><p>Account Information</p></a>
                <a id="userlink3" href="~/SignIn/SignOut"><p>Sign Out</p></a>
            </div>
        </div>
        <div id="lightbar">
            <a href="~/Home/Index"><span id ="dailyupdates"></span></a>
            <a href="~/Home/FindReports"><span id ="findreports"></span></a>
            <a href="~/Home/ReportLadder"><span id ="reportladder"></span></a>
            <a href="~/Home/About"><span id ="about"></span></a>
            <a href="~/Home/Contact"><span id ="contact"></span></a>
        </div>
        <div id="description">
        	<p id="title">Find Reports</p>
            <p id="summary">Filter through your reports by date, VIN, driver, grade, or aggressive behavior.</p>
        </div>
        <div>
            <p id="finddate">Enter a date or date range:</p>
            <p id="to">to</p>
            <p id="findvin">Choose a VIN:</p>
            <p id="finddriver">Choose a driver:</p>
            <p id="findgrade">Choose a grade:</p>
            <p id="findinfraction">Select aggressive driving behaviors:</p>
            <form name="findform" action="/Home/ChooseReports" method="post">
            	<input id="finddatebox1" type="text" name="Date1" placeholder="Example: 06/23/2013"><br>
                <input id="finddatebox2" type="text" name="Date2" placeholder="Example: 06/25/2013"><br>
                <select id="findvinbox" name="VIN">
                    <option value="None" selected>None</option>
                    @{foreach(var vin in this.Model.VINArray)
                    {
                        <option value="@vin">@vin</option>
                    }
                    }
                </select>
                <select id="finddriverbox" name="Driver">
                    <option value="None" selected>None</option>
                    @{foreach(var driver in this.Model.driverArray)
                    {
                        <option value="@driver">@driver</option>
                    }
                    }
                </select>
                <select id="findgradebox" name="Grade">
                    <option value="None" selected>None</option>
                    <option value="A+">A+</option>
                    <option value="A">A</option>
                    <option value="A-">A-</option>
                    <option value="B+">B+</option>
                    <option value="B">B</option>
                    <option value="B-">B-</option>
                    <option value="C+">C+</option>
                    <option value="C">C</option>
                    <option value="C-">C-</option>
                    <option value="D+">D+</option>
                    <option value="D">D</option>
                    <option value="D-">D-</option>
                    <option value="F">F</option>
                </select>
                <input id="findinfractionbox1" type="checkbox" name="Infraction1"><span id="findspan1">Speeding</span><br>
                <input id="findinfractionbox2" type="checkbox" name="Infraction2"><span id="findspan2">Excessive Acceleration</span><br>
                <input id="findinfractionbox3" type="checkbox" name="Infraction3"><span id="findspan3">Sudden Braking</span><br>
                <input id="findinfractionbox4" type="checkbox" name="Infraction4"><span id="findspan4">Hard Turning</span><br>
                <input id="findsubmitbutton" type="submit" value="Find Reports">
            </form>
        </div>
    </div>
</body>
</html>